export const enum StatusStyle {
  ArrowSuccess = 'text-arco-success-6',
  ArrowError = 'text-arco-danger-4 dark:text-arco-danger-7',
  ArrowPending = 'text-slate',

  SlotSuccess = 'border-arco-success-6 bg-arco-success-2 dark:bg-arco-success-9',
  SlotError = 'border-red! bg-arco-danger-2 dark:bg-arco-danger-9',
  SlotPending = 'border-slate-3 bg-slate-1 dark:bg-slate'
}

export const arrowPosition = [
  'grid-area-[5/2] rotate--90',
  'grid-area-[4/3]',
  'grid-area-[4/5]',
  'grid-area-[3/6] rotate-90',
  'grid-area-[4/7]',
  'grid-area-[4/9]',
  'grid-area-[5/10] rotate-90'
]

export const slotPosition = [
  'grid-area-[6/2]',
  'grid-area-[4/2]',
  'grid-area-[4/4]',
  'grid-area-[4/6]',
  'grid-area-[2/6]',
  'grid-area-[4/8]',
  'grid-area-[4/10]',
  'grid-area-[6/10]'
]
